<!DOCTYPE html>
<html  lang="en" >
<head>
<meta charset="utf-8"/>
<title>CSS3 Text, text transform: Latin Extended-A, lowercase</title>
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
<link rel='help' href='http://dev.w3.org/csswg/css-text-3/#text-transform'>
<link rel="match" href="reference/css3-text-text-transform-006-ref.html">
<meta name='flags' content='font'>
<meta name="assert" content="The UA will lowercase all applicable letters in the Latin Extended-A Unicode block when text-transform is set to lowercase.">
<style type='text/css'>
/* the CSS below is not part of the test */
.test, .ref { font-size: 200%; line-height: 2.5em; }
.test span, .ref span { margin-right: 1em; white-space: nowrap; }
.test { text-transform: lowercase; }
@font-face {
    font-family: 'webfont';
    src: url('support/GentiumPlus-R.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	}
.test, .ref { font-family: webfont, serif; }

</style>
<script src="support/script.js"> </script>

</head>
<body>
<p class="instructions">Test passes if the both characters in each pair match.</p>


<div class="test"><span>&#x0100; &#x0101;</span> <span>&#x0102; &#x0103;</span> <span>&#x0104; &#x0105;</span> <span>&#x0106; &#x0107;</span> <span>&#x0108; &#x0109;</span> <span>&#x010A; &#x010B;</span> <span>&#x010C; &#x010D;</span> <span>&#x010E; &#x010F;</span> <span>&#x0110; &#x0111;</span> <span>&#x0112; &#x0113;</span> <span>&#x0114; &#x0115;</span> <span>&#x0116; &#x0117;</span> <span>&#x0118; &#x0119;</span> <span>&#x011A; &#x011B;</span> <span>&#x011C; &#x011D;</span> <span>&#x011E; &#x011F;</span> <span>&#x0120; &#x0121;</span> <span>&#x0122; &#x0123;</span> <span>&#x0124; &#x0125;</span> <span>&#x0126; &#x0127;</span> <span>&#x0128; &#x0129;</span> <span>&#x012A; &#x012B;</span> <span>&#x012C; &#x012D;</span> <span>&#x012E; &#x012F;</span> <span>&#x0130; i</span> <span>&#x0132; &#x0133;</span> <span>&#x0134; &#x0135;</span> <span>&#x0136; &#x0137;</span> <span>&#x0139; &#x013A;</span> <span>&#x013B; &#x013C;</span> <span>&#x013D; &#x013E;</span> <span>&#x013F; &#x0140;</span> <span>&#x0141; &#x0142;</span> <span>&#x0143; &#x0144;</span> <span>&#x0145; &#x0146;</span> <span>&#x0147; &#x0148;</span> <span>&#x014A; &#x014B;</span> <span>&#x014C; &#x014D;</span> <span>&#x014E; &#x014F;</span> <span>&#x0150; &#x0151;</span> <span>&#x0152; &#x0153;</span> <span>&#x0154; &#x0155;</span> <span>&#x0156; &#x0157;</span> <span>&#x0158; &#x0159;</span> <span>&#x015A; &#x015B;</span> <span>&#x015C; &#x015D;</span> <span>&#x015E; &#x015F;</span> <span>&#x0160; &#x0161;</span> <span>&#x0162; &#x0163;</span> <span>&#x0164; &#x0165;</span> <span>&#x0166; &#x0167;</span> <span>&#x0168; &#x0169;</span> <span>&#x016A; &#x016B;</span> <span>&#x016C; &#x016D;</span> <span>&#x016E; &#x016F;</span> <span>&#x0170; &#x0171;</span> <span>&#x0172; &#x0173;</span> <span>&#x0174; &#x0175;</span> <span>&#x0176; &#x0177;</span> <span>&#x0178; &#x00FF;</span> <span>&#x0179; &#x017A;</span> <span>&#x017B; &#x017C;</span> <span>&#x017D; &#x017E;</span></div>


<!--Notes:
A downloaded WOFF font is used to maximise the likelihood that the characters can be seen.

Characters from this block that do not have case equivalents: &#x0131;, &#x0138;, &#x0149;, &#x017F;

Tip: To identify the characters where differences occur, in order to report problem characters, copy and paste the sequence into a tool such as <a href='http://rishida.net/tools/analysestring/' target='_blank'>String Analyser</a> or the <a href='http://rishida.net/tools/conversion' target='_blank'>Unicode Conversion Tool</a>.

-->


</body>
</html>
